<%--
  Created by IntelliJ IDEA.
  User: LUOLIANG
  Date: 2016/6/15
  Time: 22:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/path.jsp" %>
<html>
<head>
    <title>账目统计</title>
    <%@include file="../common/wechatcss.jsp" %>
    <script src="/CounterDrops/js/wejs/modernizr.custom.js"></script>
</head>
<body ms-controller="statisticsController">
<div>
    <section>
        <div class="tabs tabs-style-linetriangle">
            <nav>
                <ul>
                    <li><a href="#section-linetriangle-1"><span style="font-size: 15px;">周支出分析</span></a></li>
                    <li><a href="#section-linetriangle-2"><span style="font-size: 15px;">月支出分析</span></a></li>
                </ul>
            </nav>
            <div class="content-wrap">
                <section id="section-linetriangle-1">
                    <canvas id="myChart" width="400" height="400"></canvas>
                    <div style="margin-top: 20px;font-family: 'Microsoft YaHei'  ">
                        <h4>本周共消费{{@weeksum}} 元</h4>
                        <hr style="height:10px;border:none;border-top:10px groove skyblue;"/>
                        <h6 style="font-size: 20px;">{{@monmsg}}</h6>
                    </div>
                </section>
                <section id="section-linetriangle-2">
                    <canvas id="myChart1" width="400" height="400"></canvas>
                    <div style="margin-top: 20px;font-family: 'Microsoft YaHei'  ">
                        <h4>本月共消费{{@monsum}} 元</h4>
                        <hr style="height:10px;border:none;border-top:10px groove skyblue;"/>
                        <h6 style="font-size: 20px;">{{@monmsg}}</h6>
                    </div>
                </section>
            </div><!-- /content -->
        </div><!-- /tabs -->
    </section>
</div>
<%----%>
<%@include file="../common/wechatjs.jsp" %>
<script src="<%=path%>/js/Chart.js"></script>
<script src="<%=path%>/myjs/wechat/statistics.js"></script>
<script>
    (function () {
        [].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
            new CBPFWTabs(el);
        });
    })();
</script>
</body>
</html>
